<ion-view>
	<div class="modal">
	    <ion-content style=" background: #f8f8f8;">
	    	<div style=" position: relative;height:50px;"><img src="img/fox.png" style="position: absolute;right: 3%;height:35px" ng-click="closeModal()"/></div>
			<img src="img/loanredtitle.png" style="width:79%;margin-left:10%;" />
	    	
		    <ion-list>
				<div ng-repeat ="loanRed in list" style="margin: 0;padding: 0;background: #f8f8f8;">
					<div style="padding: 15px 0 15px 15px; position: relative;">
						<!--可用-->
						<div ng-if="loanRed.timeStatus==0" style="background:url(img/loanRed.png) no-repeat;height: 120px; width: 85%;background-size:100% 100%">
							<div style="text-align: center;height:78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#f96300;">￥{{loanRed.amount | number:2}}</div>
							<div style="text-align: center;height: 22px;line-height: 22px;padding-left: 30px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
							<div style="text-align: center;height: 22px;line-height: 22px;padding-left: 30px;font-size: 13px;"><a ng-click="showRule()">查看使用规则>></a></div>
						<img ng-if="loanRed.choice==false" ng-click="changeChoice($index,loanRed.id)" alt="" src="img/unchoice.png" style="position: absolute;top:40%;right:15px;width:7%;"/>
						<img ng-if="loanRed.choice==true" ng-click="changeChoice($index,loanRed.id)" alt="" src="img/choice.png" style="position: absolute;top:40%;right:15px;width:7%;"/>
					</div>
					</div>
					<!--不可用-->
					<div  ng-if="loanRed.timeStatus==1" style="background:url(img/my/loanRedOther.png) no-repeat;height: 120px; width: 85%;background-size:100% 100%;margin-left: 18px;">
							<div style="text-align: center;height:78px;line-height: 78px;padding-left: 30px;font-size: 35px;color:#f96300;">￥{{loanRed.amount | number:2}}</div>
							<div style="text-align: center;height: 22px;line-height: 22px;padding-left: 30px;font-size: 12px;"><font>有效期至：{{loanRed.expirationTime |  date:'yyyy-MM-dd'}}</font></div>
							<div style="text-align: center;height: 22px;line-height: 22px;padding-left: 30px;font-size: 13px;"><a ng-click="showRule()">查看使用规则>></a></div>
					</div>				  
				</div>	
				<img ng-if="noData" style="margin-top: 40px;margin-left: 18%;width: 60%;" src="img/404.png">
						&nbsp;
				</img>
				<a ng-click="showRule()" ng-if="noData" href="javascript:void(0);" style="display: block;margin-top: 10px;text-align: center;font-size: 16px;"> 查看使用规则</a> 
				<ion-infinite-scroll ng-if="noMore" on-infinite="loadList()" distance="1%"></ion-infinite-scroll> 
			</ion-list>
		
	    </ion-content>
  	</div>
</ion-view>
